<template>
  <div>
    <button @click="$emit('add10')">+10</button>
    <button @click="addhundred">+100</button>
    <h2>{{ data }} {{ data2 }}</h2>
  </div>
</template>

<script>
export default {
  emits: ['add10', 'add100'],
  props: ['data', 'data2'],
  data() {
    return {
      data3: 100
    }
  },
  methods: {
    addhundred() {
      this.$emit('add100', 50)
    }
  },
  num() {
    return 20
  }
}
</script>

<style scoped>

</style>